<script setup lang="ts">
import { Square20Regular, SquareMultiple20Regular } from "@vicons/fluent";
import { useElectron } from "./electron";
import ElectronHeadIconButton from "./ElectronHeadIconButton.vue";

const { isMaximized, restore } = useElectron();
</script>

<template>
  <ElectronHeadIconButton
    class="hover:tw-bg-gray-200"
    @click="restore"
    checkElectron
  >
    <Square20Regular v-if="!isMaximized" />
    <SquareMultiple20Regular v-else />
  </ElectronHeadIconButton>
</template>

<style scoped></style>
